<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <link href="./css/mobiscroll.custom-2.5.2.min.css" rel="stylesheet" />
    <link href="./css/sweetalert.css" rel="stylesheet" />
    <link href="./css/home.css" rel="stylesheet"/>
</head>
<body>
    <div class="pub_order">
        <form class="form-horizontal service-form">
            <div class="form-group serv-sel">
                <label for="serv-type" class="col-xs-3 input-label">跑腿类型:</label>
                <div class="col-xs-9 input-cont">
                    <input class="auth-input" id="serv-type" data-type="" type="text" placeholder="请选择跑腿类型" readonly/>
                    <span class="glyphicon glyphicon-menu-right right pull-right" aria-hidden="true"></span>
                </div>
            </div>
            <div class="form-group">
                <label for="serv-theme" class="col-xs-3 input-label">跑腿主题:</label>
                <div class="col-xs-9 input-cont">
                    <input class="auth-input" id="serv-theme" type="text" maxlength="6" placeholder="(不超过6个字)"/>
                </div>
            </div>
            <div class="form-group dateTime">
                <label for="serv-datetime" class="col-xs-3 input-label">服务时间:</label>
                <div class="col-xs-9 input-cont">
                    <input class="auth-input" id="serv-datetime" type="text" placeholder="请选择服务时间"readonly/>
                    <span class="glyphicon glyphicon-menu-right right pull-right" aria-hidden="true"></span>
                </div>
            </div>
            <div class="form-group">
                <label for="serv-cost" class="col-xs-3 input-label">跑腿费用:</label>
                <div class="col-xs-9 input-cont">
                    <input class="auth-input" id="serv-cost" type="tel" placeholder="跑腿费用不得低于5元"/>
                    <span class="glyphicon right pull-right rmb">元</span>
                </div>
            </div>
            <div class="form-group last-form-group">
                <!--<span>重要说明:</span>-->
                重要说明:<br/><br/>
                <buuton class="btn theme-color btn-keyword">
                    <b class="b-keyword" id="key-1" style="display:block"></b>
                    <b class="b-voice" id="key-2" style="display:none"></b>
                </buuton>
                <div class="description">
                    <buuton class="btn theme-color voice-desc" id="desc-2" style="display:block">
                        <b><span>按住添加语音说明</span></b>
                    </buuton>
                    <textarea class="text-desc" id="desc-1" style="display:none"></textarea>
                </div>
            </div>
            <a href="javascript:void(0)" class="btn btn-block btn-lg navbar-fixed-bottom theme-color toPayStep" role="button">下一步</a>
        </form>
        <div class="sub_service" style="display:none">
            <ul class="list-group text-center">
                <li class="list-group-item" id="pb">嗖嗖顺购</li>
                <li class="list-group-item" id="qe">嗖嗖排队</li>
                <li class="list-group-item" id="bw">嗖嗖顺捎</li>
                <li class="list-group-item" id="dh">嗖嗖顺驾</li>
                <li class="list-group-item" id="hk">嗖嗖家政</li>
                <li class="list-group-item" id="rp">嗖嗖维修</li>
                <li class="list-group-item" id="st">嗖嗖接送</li>
                <li class="list-group-item" id="hw">其他</li>
            </ul>
        </div>
    </div>
    <div class="pay-order" style="display:none"></div>
    <div class="map-page" style="display:none">
        <div class="m-b">
            <div class="container theme-color search-box">
                <p id="cityName" hidden>城市名称</p>
                <div class="col-xs-2 n-p back">返回</div>
                <div class="col-xs-9 n-p">
                    <input type="text" id="map-keyword" size="30" placeholder="请输入地名"/>
                </div>
            </div>
            <div class="" id="map"></div>
        </div>
        <ul class="list-group" id="mp-location"></ul>
    </div>
    <script src="./js/jquery-1.9.1.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/hammer.min.js"></script>
    <script src="./js/jquery.hammer.js"></script>
    <script src="./js/mobiscroll.custom-2.5.2.min.js"></script>
    <script src="./js/mobiscroll.datetime-2.5.1-zh.js"></script>
    <script src="./js/sweetalert.min.js"></script>
    <script src="./js/jweixin-1.0.0.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&amp;ak=HbUVYMUg6PwbOnXkztdgSQlQ"></script>
    <script src="./js/sel_service.js"></script>
    <script>
        user_config.uname = '';
        user_config.ucellphone = '';
        user_config.intal_lng = 116.433;
        user_config.intal_lat = 40.07007;
    </script>
</body>
</html>